<template>
    <div class="page-container">
        <el-tabs v-model="activeName" class="-mt-3">
            <el-tab-pane v-for="(item, index) in $t('stats.game.game.classifyList')"
                         :key="index" :label="item.label" :name="item.value"></el-tab-pane>
        </el-tabs>
        <!--统计【数据列表】-->
        <stats-game-list :active-name="activeName" v-show="activeName == 'list'"></stats-game-list>
        <!--统计【USD合计】-->
        <stats-game-usd :active-name="activeName" v-show="activeName == 'usd'"></stats-game-usd>
    </div>
</template>

<script>
import StatsGameList from './list/Index.vue'
import StatsGameUsd from './usd/Index.vue'

export default {
    components: {
        StatsGameList,
        StatsGameUsd,
    },
    data() {
        return {
            activeName: 'usd',
        }
    },
}
</script>

<style lang="scss">

</style>
